.list-group {
  height: calc(100vh - 125px);
  overflow-y: scroll;
  opacity: 0.8;
  box-shadow: 1px 0px 12px #f2c2c4;
  li {
    .markdown-icon{
      margin-right: 5px;
    }
    transition: all .3s ease-in;
    min-height: 50px;
    .action{
      visibility: hidden;
    }
    background: transparent;
    &:hover{
      background-color: #cde4ff;
      cursor: pointer;
      .action{
      visibility: visible;
        .icon{
          margin: 0 3px;
          &:hover{
            cursor: pointer;
            color: #ff7168;
          }
        }
      }
    }
  }

  &::-webkit-scrollbar {
    width: 7px;
  }

  &::-webkit-scrollbar-track {
    width: 15px;
    height: 10px;
    background-color: rgb(255, 255, 255);
  }

  &::-webkit-scrollbar-thumb {
    background-color: #ff7168;
    border-radius: 120px;
  }
}